<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
function radio($q,$oneq = false){
	$ctrl = '<div class="row-fluid">
      <div class="col-md-12">
        <div class="row-fluid">
          <div class="col-md-6">
            <h4>Tiêu đề câu hỏi</h4>
          </div>
          <div class="col-md-6 text-right">
            <div class="editor-ques"><button class="btn-link" onclick = "Survey.proccessAndSaveQ(1); return false;">
            	<span class="btn-editor"></span>Mở trình soạn thảo trực quan</button></div>
          </div>
        </div>
        <div id="content-title">
          <textarea id="edit-title" rows="2" class="span12 toogle-title" placeholder="Tiêu đề câu hỏi khảo sát...">'.$oneq[0]["title"].'</textarea>
          <div id="editor" style="display:none;" class=" toogle-title">
            <script>
              $(document).ready(function() {
                $("#edit-title-editor").freshereditor({toolbar_selector: "#toolbar", excludes: ["removeFormat", "insertheading4"]});
                $("#edit-title-editor").freshereditor("edit", true);
              });
            </script>
            <div class="navbar"><div id="toolbar"></div>
              <div id="edit-title-editor" class="title-editor clear" style="border: 1px solid #ccc;min-height:100px;padding:10px;background:#fff;"></div>
            </div>
          </div>
        </div>
        <br><h4>Thiết lập câu hỏi</h4>
        <div id="tab-edit-ques" class="well" style="margin-top:0;padding-top:5px;">
          <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#ans-custom" data-toggle="tab">Tùy chỉnh trả lời</a></li>
            <li><a href="#admin" data-toggle="tab">Quản trị</a></li>
            <li><a href="#view" data-toggle="tab">Xem trước</a></li>
            <li><a href="#validate" data-toggle="tab">Xác thực</a></li>
            <li><a href="#logic" data-toggle="tab">Logic</a></li>
          </ul>
            <div id="myTabContent" class="tab-content">
               <div class="tab-pane fade in active" id="ans-custom">
                <div class="row-fluid">
                  <div class="span7" style="border-right:1px solid #ccc;">
                    <div id="wap-ans">';
                    if($oneq){
                      $arr = explode(',', $oneq[0]['answer']);
                      for($i = 0; $i < count($arr); $i++){
                        $ctrl .= '<div id="'.$i.'">
                                    <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<textarea rows="1" id="ans'.$i.'" placeholder="Nhập lựa chọn ...">'.$arr[$i].'</textarea>
                                    <button class="btn btn-link del-ans" onclick = "Survey.proccessAndSaveQ(); return false;">
                                      <span class="btn-del">Xóa lựa chọn</span>
                                    </button>
                                  </div>';
                      }
                    }else{
                        $ctrl .= '<div id="0">
                                    <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<textarea rows="1" id="ans0" placeholder="Nhập lựa chọn ..."></textarea>
                                    <button class="btn btn-link del-ans" onclick = "Survey.proccessAndSaveQ(); return false;">
                                      <span class="btn-del">Xóa lựa chọn</span>
                                    </button>
                                  </div>
                                  <div id="1">
                                    <label class="help-inline">Lựa chọn 2: </label>&nbsp;&nbsp;<textarea rows="1" id="ans1" placeholder="Nhập lựa chọn ..."></textarea>
                                    <button class="btn btn-link del-ans"   onclick = "Survey.proccessAndSaveQ(); return false;">
                                      <span class="btn-del">Xóa lựa chọn</span>
                                    </button>
                                  </div>';
                    }
                    
          $ctrl .= '</div>
                    <div class="btn-option">
                      <button id="add-ans" class="btn"  onclick = "Survey.proccessAndSaveQ(0,1); return false;"><span class="btn-add"></span>Thêm lựa chọn</button>&nbsp;&nbsp;
                      <button class="btn"><span class="btn-copy">Sao chép</span></button>
                    </div>
                  </div>
                  <div class="span5">
                    <h5><strong>Tạo ngẫu nhiên các lựa chọn</strong></h5>
                    <small>Các lựa chọn sẽ được sắp xếp ngẫu nhiên khi khảo sát.</small>
                    <div class="random-ques">
                      <input class="myClass" type="radio" name="random" value="1" data-label="Có">
                      <input class="myClass" type="radio" name="random" value = "0" data-label="Không" checked>
                    </div>
                  </div>
                </div>
                </div>



                <div class="tab-pane fade" id="admin">
                  <h4>Yêu cầu trả lời</h4>
                  <div class="random-ques">
                      <input class="myClass" type="radio" name="require" value="0" data-label="Không yêu cầu" checked><br>
                      <input class="myClass" type="radio" name="require" value = "1" data-label="Yêu cầu trả lời"><br>
                      <input class="myClass" type="radio" name="require" value = "2" data-label="Đưa ra cảnh báo nếu người dùng không trả lời mà chuyển sang câu hỏi khác">
                  </div>
                  <h4>Vô hiệu hóa câu hỏi</h4>
                  <small style="color:#666">Câu hỏi bị loại bỏ khỏi khảo sát nhưng vẫn có khả năng tham gia vào dữ liệu báo cáo</small>
                  <div>
                      <input class="myClass" type="radio" name="disable" value="1" data-label="Có">
                      <input class="myClass" type="radio" name="disable" value = "0" data-label="Không" checked>
                  </div>
                  <h4>Câu hỏi quản trị</h4>
                  <small style="color:#666">Câu hỏi này không xuất hiện trong khảo sát nhưng có thể được sửa bởi chủ tài khoản</small>
                  <div>
                      <input class="myClass" type="checkbox" name="qadmin" value="1" data-label="Đây là câu hỏi dành cho chủ tài khoản"><br>
                      <input class="myClass" type="checkbox" name="qadmin" value = "0" data-label=" Soft-require admins to answer this question. " disabled>
                  </div>
                  <h4>Cho phép viết bình luận</h4>
                  <small style="color:#666">Cho phép hiển thị thêm một ô nhập văn bản để người thực hiện khảo sát viết lời bình cho câu hỏi này.</small>
                  <div>
                      <input class="myClass" type="checkbox" name="allowcomment" value="1" data-label="Cho phép viết lời bình cho câu hỏi này."><br>
                      <input class="myClass" type="checkbox" name="requirecomment" value = "0" data-label="Yêu cầu viết lời bình cho câu hỏi này." disabled>
                  </div>
                  <h4>Chuyển đổi loại câu hỏi</h4>
                  <small style="color:#666">Bạn có thể chuyển đổi các câu hỏi giữa các loại câu hỏi phù hợp khác. Một số loại câu hỏi khác có thể không biến đổi được.</small>
                  <div>
                      <select name="qconvert" class="form-control">
                        <optgroup label="Nhiều lựa chọn & Lựa chọn sẵn">
                          <option value = "radio">Nhiều lựa chọn</option>
                          <option value = "checkbox">Checkboxs</option>
                          <option value = "dropdown">Dropdown Menu</option>
                        </optgroup>
                        <optgroup label="Ordering & Ranking">
                          <option value = "">Nhiều lựa chọn</option>
                          <option value = "">Checkboxs</option>
                          <option value = "">Dropdown Menu</option>
                        </optgroup>
                      </select>
                  </div>
                </div>
                <div class="tab-pane fade" id="view">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
                <div class="tab-pane fade" id="validate">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
                <div class="tab-pane fade" id="logic">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>';
return $ctrl;
}

function checkbox($q,$oneq = false){
  return radio($q,$oneq = false);
}

function textbox($q,$oneq = false){
    $ctrl = '<div class="row-fluid">
      <div class="col-md-12">
        <div class="row-fluid">
          <div class="col-md-6">
            <h4>Tiêu đề câu hỏi</h4>
          </div>
          <div class="col-md-6 text-right">
            <div class="editor-ques"><button class="btn-link" onclick = "Survey.proccessAndSaveQ(1); return false;">
              <span class="btn-editor"></span>Mở trình soạn thảo trực quan</button></div>
          </div>
        </div>
        <div id="content-title">
          <textarea id="edit-title" rows="2" class="span12 toogle-title" placeholder="Tiêu đề câu hỏi khảo sát...">'.$oneq[0]["title"].'</textarea>
          <div id="editor" style="display:none;" class=" toogle-title">
            <script>
              $(document).ready(function() {
                $("#edit-title-editor").freshereditor({toolbar_selector: "#toolbar", excludes: ["removeFormat", "insertheading4"]});
                $("#edit-title-editor").freshereditor("edit", true);
              });
            </script>
            <div class="navbar"><div id="toolbar"></div>
              <div id="edit-title-editor" class="title-editor clear" style="border: 1px solid #ccc;min-height:100px;padding:10px;background:#fff;"></div>
            </div>
          </div>
        </div>
        <br><h4>Thiết lập câu hỏi</h4>
        <div id="tab-edit-ques" class="well" style="margin-top:0;padding-top:5px;">
          <ul id="myTab" class="nav nav-tabs">
            <li class="active"><a href="#admin" data-toggle="tab">Quản trị</a></li>
            <li><a href="#view" data-toggle="tab">Xem trước</a></li>
            <li><a href="#validate" data-toggle="tab">Xác thực</a></li>
            <li><a href="#logic" data-toggle="tab">Logic</a></li>
          </ul>
            <div id="myTabContent" class="tab-content">
               <div class="tab-pane fade in active" id="admin">
                <div class="row-fluid">
                  <div class="span12">
                    
                    <div id="admin">
                      <h4>Yêu cầu trả lời</h4>
                      <div class="random-ques">
                          <input class="myClass" type="radio" name="require" value="0" data-label="Không yêu cầu" checked><br>
                          <input class="myClass" type="radio" name="require" value = "1" data-label="Yêu cầu trả lời"><br>
                          <input class="myClass" type="radio" name="require" value = "2" data-label="Đưa ra cảnh báo nếu người dùng không trả lời mà chuyển sang câu hỏi khác">
                      </div>
                      <h4>Vô hiệu hóa câu hỏi</h4>
                      <small style="color:#666">Câu hỏi bị loại bỏ khỏi khảo sát nhưng vẫn có khả năng tham gia vào dữ liệu báo cáo</small>
                      <div>
                          <input class="myClass" type="radio" name="disable" value="1" data-label="Có">
                          <input class="myClass" type="radio" name="disable" value = "0" data-label="Không" checked>
                      </div>
                      <h4>Câu hỏi quản trị</h4>
                      <small style="color:#666">Câu hỏi này không xuất hiện trong khảo sát nhưng có thể được sửa bởi chủ tài khoản</small>
                      <div>
                          <input class="myClass" type="checkbox" name="qadmin" value="1" data-label="Đây là câu hỏi dành cho chủ tài khoản"><br>
                          <input class="myClass" type="checkbox" name="qadmin" value = "0" data-label=" Soft-require admins to answer this question. " disabled>
                      </div>
                      <h4>Cho phép viết bình luận</h4>
                      <small style="color:#666">Cho phép hiển thị thêm một ô nhập văn bản để người thực hiện khảo sát viết lời bình cho câu hỏi này.</small>
                      <div class="input-wrapper">
                          <input class="myClass" type="checkbox" id="allowcomment" name="allowcomment" value="1" data-label="Cho phép viết lời bình cho câu hỏi này."><br>
                          <input class="myClass" type="checkbox" id="requirecomment"name="requirecomment" value = "0" data-label="Yêu cầu viết lời bình cho câu hỏi này." disabled>
                      </div>
                      <h4>Chuyển đổi loại câu hỏi</h4>
                      <small style="color:#666">Bạn có thể chuyển đổi các câu hỏi giữa các loại câu hỏi phù hợp khác. Một số loại câu hỏi khác có thể không biến đổi được.</small>
                      <div>
                          <select name="qconvert" class="form-control">
                              <option value = "textarea">Văn bản dài</option>
                              <option value = "checkbox">Văn bản ngắn</option>
                          </select>
                      </div>
                    </div>
                  </div>
                </div>
                </div>
                <div class="tab-pane fade" id="view">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
                <div class="tab-pane fade" id="validate">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
                <div class="tab-pane fade" id="logic">
                  <label class="help-inline">Lựa chọn 1: </label>&nbsp;&nbsp;<input type="text" id="ans1" value="">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>';
return $ctrl;
}

function textarea($q,$oneq = false){
  return textbox($q,$oneq = false);
}

function dropdown($q,$oneq = false){
  return radio($q,$oneq = false);
}

function multitextbox($q,$oneq = false){
  return radio($q,$oneq = false);
}
